<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表单选择器的示例</title>
<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
	   $(":checkbox").attr("checked","checked");			//选中复选框
	   $(":radio").attr("checked","true");						//选中单选框
	   $(":image").attr("src","images/fish1.jpg");				//设置图片路径
	   $(":file").hide();									//隐藏文件域
	   $(":password").val("123");							//设置密码域的值
	   $(":text").val("文本框");								//设置文本框的值
	   $(":button").attr("disabled","disabled");				//设置按钮不可用
	   $(":reset").val("重置按钮");							//设置重置按钮的值
	   $(":submit").val("提交按钮");						//设置提交按钮的值
	   $("#testDiv").append($("input:hidden:eq(1)").val());		//显示隐藏域的值
	 });
</script>
</head>
<body>
<form>
    复选框：<input type="checkbox"/>
    单选按钮：<input type="radio"/>
    图像域：<input type="image"/><br>
    文件域：<input type="file"/><br>
    密码域：<input type="password" width="150px"/><br>
    文本框：<input type="text" width="150px"/><br>
    按  钮：<input type="button" value="按钮"/><br>
    重  置：<input type="reset" value=""/><br>
    提  交：<input type="submit" value=""><br>
    隐藏域： <input type="hidden" value="这是隐藏的元素">
   <div id="testDiv"><font color="blue">隐藏域的值：</font></div>
</form>
</body>
</html>
